<!--Head 头部-->
<head th:fragment="header(title)">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="x-ua-compatible" content="ie=edge">

    <title th:text="${title + ' - MQ消息队列及应用'}">MQ消息队列及应用</title>

    <!-- Font Awesome Icons -->
    <link rel="stylesheet" th:href="@{/adminlte/plugins/fontawesome-free/css/all.min.css}">
    <!-- Theme style -->
    <link rel="stylesheet" th:href="@{/adminlte/css/adminlte.min.css}">
    <!-- Google Font: Source Sans Pro -->
    <link rel="stylesheet" th:href="@{/adminlte/others/google-font.css}">
    <!--  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">-->
</head>

<!--导航栏-->
<div th:fragment="navbar">
    <!-- Navbar -->
    <nav class="main-header navbar navbar-expand-md navbar-light navbar-white">
        <div class="container">
            <a th:href="${#httpServletRequest.getContextPath()}" class="navbar-brand">
                <img th:src="@{/adminlte/img/AdminLTELogo.png}" alt="Logo" class="brand-image img-circle elevation-3"
                     style="opacity: .8">
                <span class="brand-text font-weight-light">MQ消息队列及应用</span>
            </a>

            <button class="navbar-toggler order-1" type="button" data-toggle="collapse" data-target="#navbarCollapse"
                    aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse order-3" id="navbarCollapse">
                <!-- Left navbar links -->
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a th:href="${#httpServletRequest.getContextPath()}" class="nav-link">首页</a>
                    </li>
<!--                    <li class="nav-item">-->
<!--                        <a th:href='${#httpServletRequest.getContextPath() + "/account"}' class="nav-link">发送消息</a>-->
<!--                    </li>-->
                </ul>
            </div>
        </div>
    </nav>
    <!-- /.navbar -->
</div>

<!--底部-->
<div th:fragment="footer">
    <!-- Main Footer -->
    <footer class="main-footer">
        <!-- To the right -->
        <div class="float-right d-none d-sm-inline">
            MQ消息队列及应用示例代码
        </div>
        <!-- Default to the left -->
        <strong>Copyright &copy; 2020-2022 <a href="#">fanyc.cn</a>.</strong> All rights reserved.
    </footer>
</div>

<div th:fragment="commonJs">
    <!-- jQuery -->
    <script th:src="@{/adminlte/plugins/jquery/jquery.min.js}"></script>
    <!-- Bootstrap 4 -->
    <script th:src="@{/adminlte/plugins/bootstrap/js/bootstrap.bundle.min.js}"></script>
    <!-- AdminLTE App -->
    <script th:src="@{/adminlte/js/adminlte.min.js}"></script>
    <!-- 功能插件 -->
    <script th:src="@{/js/libs/layer/layer.min.js}"></script>
    <script th:src="@{/js/libs/blockUI/jquery.blockUI.js}"></script>
    <script th:src="@{/js/extend.js}"></script>
    <script th:inline="javascript">
		var ctx = [[${#httpServletRequest.getContextPath()}]];
	</script>
</div>